<template>
  <!--<el-row>-->
    <!--<el-col :span="24">-->
      <!--<div class="mini">-->
        <!--<mini-home></mini-home>-->
      <!--</div>-->
    <!--</el-col>-->
  <!--</el-row>-->
  <div>
    <el-input v-model="value"></el-input>
    <el-button @click="handleClick">验证</el-button>
  </div>
</template>

<script>
// import MiniHome from '../components/MiniHome/index'
import CryptoJS from 'crypto-js'
export default {
  name: 'Mini',
  // components: { MiniHome },
  data () {
    return {
      activeName: 'first',
      value: ''
    }
  },
  methods: {
    handleClick () {
      // Decrypt
      var bytes = CryptoJS.AES.decrypt(this.value, 'secret key 123')
      var originalText = bytes.toString(CryptoJS.enc.Utf8)
      alert(originalText)
    }
  }
}
</script>

<style lang="scss">
  .mini {
    .el-tabs__item {
      color: $font-color;
      &:hover {
        color: $font-color-active;
      }
    }
    .el-tabs__item.is-active {
      color: $font-color-active;
    }
    .el-tabs__active-bar {
      background-color: $font-color-active;
    }
    .el-tabs__item {
      font-size: 16px;
    }
    .el-tabs__active-bar {
      height: 4px;
    }
    .el-tabs__header {
      .el-tabs__nav-wrap {
        display: flex;
        justify-content: space-between;
        &:after {
          height: 1px;
          background-color: #464646;
        }
      }
    }
    .el-tabs__nav-scroll {
      margin: 0 auto;
    }
  }
</style>
